*{
    margin: 0;
    padding: 0;
}
body,html{
    width: 100%;
    height: 100%;
    background-color: #f0f0f0;
}
li{
    list-style: none;
}
a{
    text-decoration: none;
}
.px2rem(@name, @px) {
    @{name}: @px / 108 * 1rem;
}
.txh {
    display: flex;
    display: -webkit-flex;
}
.mains{
     background: white;
   .txh();
   position: absolute;
   left: 0;
   bottom: 0;
   .px2rem(top,120);
   width: 100%;
   justify-content: center;
   .section{
        .txh();
        width: 100%;
//      background: url(../img/banben.png) no-repeat;
        background-image: url(../img/banben.png);
        background-size: 100%;
        background-repeat: no-repeat;
        background-position:left top;
        .px2rem(font-size,40);
        align-items: center;
        justify-content: center;
        ul{
            width: 80%;
            li{
                .txh();
                justify-content: center;
                align-items: center;
                .px2rem(font-size,50);
            }
            li:nth-child(1){
                img{
                    .px2rem(width,305);
                }
            }
            li:nth-child(2){
                color: #000000;
                .px2rem(margin-top,112);
            }
            li:nth-child(3){
                color: #000000;
                .px2rem(margin-top,51);
            }
            li:nth-child(4){
                color: #000101;
                .px2rem(margin-top,136);
            }
        }
   }
}
